import React from 'react';
import { AxTabTitleCard } from '@/components/AxBase';
import { Row, Col, Icon, Input } from 'antd';
import AxCard from '@/components/AxBase/AxCard';

const tabList = [
  {
    key: 'tab01',
    tab: '待提交订单',
    url: '/buyer/material/order/nocommit',
  },
  {
    key: 'tab02',
    tab: '审批中的订单',
    url: '/buyer/material/order/checking',
  },
  {
    key: 'tab03',
    tab: '待发货订单',
    url: '/buyer/material/order/noship',
  },
  {
    key: 'tab04',
    tab: '待收货订单',
    url: '/buyer/material/order/noreceive',
  },
  {
    key: 'tab05',
    tab: '已入库订单',
    url: '/buyer/material/order/havestore',
  },
  {
    key: 'tab06',
    tab: '已取消订单',
    url: '/buyer/material/order/cancel',
  },
];
const { Search } = Input;
const Layout: React.FC<any> = ({ children }) => {
  return (
    <>
      <div style={{ borderBottom: '2px solid #409eff' }}>
        <AxCard style={{ width: 1390, margin: '24px auto' }} bodyStyle={{ padding: 0 }}>
          <Row>
            <Col span={18}>
              <div style={{ fontSize: 22 }}>
                <Icon type="shopping-cart" />
                &nbsp;我的订单
              </div>
            </Col>
            {/* <Col span={6}>
                            <Search
                                placeholder="请输入商品名称、别名搜索"
                                onSearch={(val: any) => { }}
                                allowClear
                            />
                        </Col> */}
          </Row>
        </AxCard>
      </div>
      {/* <AxTabTitleCard
                style={{ width: 1390, margin: '0 auto' }}
                bodyStyle={{ backgroundColor: 'rgb(255,255,255)', padding: 0 }}
                tabList={tabList}
            >
                {children}
            </AxTabTitleCard> */}
      <AxCard
        style={{ width: 1390, margin: '0 auto' }}
        bodyStyle={{ backgroundColor: 'rgb(255,255,255)', padding: 0 }}
      >
        {children}
      </AxCard>
    </>
  );
};

export default Layout;
